<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./后台管理.css">
</head>

<body>
    <div class="top">
        <span>启帆程序员 <i>520gongfu</i> </span>
        <span>admin<img src="./images/下三角形.png" alt=""></span>
    </div>  
    <div class="floor">
        <div class="text">
            <a href="#">用户管理</a>
            <a href="#">文章管理</a>
        </div>
        <p>Powered by <a href="#">启帆程序员</a></p>
    </div>
    <div class="content">
        <div class="title">
            <h2>用户</h2>
            <span>找到1个用户</span>
            <a href="#">新增用户</a>
        </div>
        <table cellspacing="0" cellpadding="10">
            <tr>
                <td>ID</td>
                <td>用户名</td>
                <td>邮箱</td>
                <td>角色</td>
                <td>状态</td>
                <td>操作</td>
            </tr>
            <tr class="text">
                <td>5b9a716cb2d2bf17706bcc0a</td>
                <td>wangjiang</td>
                <td>wjb19891223@163.com</td>
                <td>超级管理员</td>
                <td>正常</td>
                <td>
                    <img class="bx" src="./images/编写.png" alt="">
                    <img class="xx" src="./images/不通过的叉叉.png" alt="">
                </td>
            </tr>
            <tr class="text">
                <td>5b9a716cb2d2bf17706bcc0a</td>
                <td>wangjiang</td>
                <td>wjb19891223@163.com</td>
                <td>普通用户</td>
                <td>禁用</td>
                <td>
                    <img class="bx" src="./images/编写.png" alt="">
                    <img class="xx" src="./images/不通过的叉叉.png" alt="">
                </td>
            </tr>
            <tr class="text">
                <td>5b9a716cb2d2bf17706bcc0a</td>
                <td>wangjiang</td>
                <td>wjb19891223@163.com</td>
                <td>普通用户</td>
                <td>启用</td>
                <td>
                    <img class="bx" src="./images/编写.png" alt="">
                    <img class="xx" src="./images/不通过的叉叉.png" alt="">
                </td>
            </tr>
        </table>
        <div class="list">
            <ul>
                <li> <a href="#">&lt&lt</a> </li>
                <li> <a href="#">1</a> </li>
                <li> <a href="#">2</a> </li>
                <li> <a href="#">3</a> </li>
                <li> <a href="#">4</a> </li>
                <li> <a href="#">5</a> </li>
                <li> <a href="#">&gt&gt</a> </li>
            </ul>
        </div>
    </div>
</body>

</html>